<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <title>03-shoppingCart</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/03-shoppingCart.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2790924_w8n6lvvnf6.css">
    <link rel="stylesheet" href="../lib/css/common.css">
    <link rel="stylesheet" href="../lib/css/normalize.css">
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <script src="../lib/cookie.js"></script>
    <script src="../lib/ajax.js"></script>
    <script src="../lib/jquery.min.js"></script>
    <script src="../lib/bootstrap.js"></script>
    <script src="../lib/layer/layer.js"></script>
</head>

<body>
    <!-- 顶部DIV -->
    <div class="topDiv">
        <div class="topDiv-con">
            <div class="top_leftDiv">
                <ul>
                    <a href="javascript:;" class="pointer">
                        <li style="padding-left: 0px;background: url('')">小米商城</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>MIUI</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>loT</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>云服务</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>天星数科</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>有品</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>小爱开放平台</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>企业团购</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>资质证照</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>协议规则</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>下载app</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>智能生活</li>
                    </a>
                    <a href="javascript:;" class="pointer">
                        <li>Select Location</li>
                    </a>
                </ul>
            </div>
            <div class="top_rightDiv">
                <ul id="logi">
                    <a href="01-login.html" class="pointer">
                        <li style="padding-left:0px;background: url('')">登录</li>
                    </a>
                    <a href="02-register.html" class="pointer">
                        <li>注册</li>
                    </a>
                </ul>
                </a>
            </div>
        </div>
    </div>
    <!-- 购物车为空 -->
    <div id="cartEmpty"> </div>
    <!-- 简易购物车 -->
    <div id="cart">
        <table id="cartTable">
            <thead>
                <tr>
                    <th style="text-align: left;padding: 8px 0px 0px 10px; box-sizing: border-box">
                        <input class="check-all check" type="checkbox" />&nbsp;全选
                    </th>
                    <th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <!-- 结算区 -->
        <div class="foot" id="foot">
            <div class="inp" style="width: 92px;padding-left: 10px;border-right: 1px solid #c8c8c8; "><input type="checkbox" class="check-all check" />&nbsp;全选</div>
            <div class="fr closing" style="border-bottom: 1px solid #c8c8c8;height: 47px;width: 120px;">结 算</div>
            <div class="fr total" style="width: 140px;border-right: 1px solid #c8c8c8">合计：￥
                <span id="priceTotal">0.00</span>
            </div>
            <div class="fr select" id="selected">已选商品
                <span id="selectedTotal"> 0 </span> 件
            </div>
            <div class="backList">
                <a href="index.html" style="text-decoration: none">回列表页</a>
            </div>
        </div>
    </div>

    <!-- 底部DIV -->
    <div class="bottomDiv">
        <img src="../images/xiaomiguanwangtu.png" alt="">
        <div class="bottomDiv-right">
            <ul>
                <a href="javascript:;" class="pointer">
                    <li style="padding-left: 0px">小米商城</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>MIUI</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>米家</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>米聊</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>多看</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>游戏</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>政企服务</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>小米天猫店</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>小米集团隐私政策</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>小米公司儿童信息保护规则|</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>小米商城隐稳私政策</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>小米商城用户协议</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>问题反馈</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li style="background: url()">Select Localion</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li style="padding-left: 0">北京互联网法院法律服务工作站</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li></li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li>中国消费者协会</li>
                </a>
                <a href="javascript:;" class="pointer">
                    <li style="background: url()">北京市消费者协会</li>
                </a>
            </ul>
            <div class="bottomDiv-ol">
                <ol>
                    <li>
                        <a href="javascript:;">&copy; mi.com</a>京ICP证110507号</li>
                    <li>
                        <a href="javascript:;">京ICP备10046444号</a>
                    </li>
                    <li>
                        <a href="javascript:;">京公网安备11010802020134号</a>
                    </li>
                    <li>
                        <a href="javascript:;"> 京网文[2020]0276-042号</a>
                    </li>
                </ol>
                <ol>
                    <li>
                        <a href="javascript:;"> (京）网械平台备字(2018）第00005号</a>
                    </li>
                    <li>
                        <a href="javascript:;">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    </li>
                    <li>
                        <a href="javascript:;">营业执照</a>
                    </li>
                    <li>
                        <a href="javascript:;">医疗器械质量公告</a>
                    </li>
                </ol>
                <ol>
                    <li>
                        <a href="javascript:;">增值电信业务许可证</a>
                    </li>
                    <li>
                        网络食品经营备案
                    </li>
                    <li>
                        京食药网食备202010048
                    </li>
                    <li>
                        <a href="javascript:;">食品经营许可证</a>
                    </li>
                </ol>
                <ol>
                    <li>违法和不良信息举报电话: 171-5104-4404</li>
                    <li>
                        <a href="javascript:;">知识产权侵权</a>
                    </li>
                    <li>投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</li>
                </ol>
                <div class="bottomDiv-bottom">
                    <img src="../images/bottom_imgs/truste.png" alt="">
                    <img src="../images/bottom_imgs/v-logo-2.png" alt="">
                    <img src="../images/bottom_imgs/icon3.png" alt="">
                    <img src="../images/bottom_imgs/02.png" alt="">
                    <img src="../images/bottom_imgs/01.png" alt="">
                </div>
                <p>让全球每个人都能享受科技带来的美好生活</p>
            </div>
        </div>
    </div>
</body>

</html>
<script src="../js/03-shoppingCart.js"></script>
<script src="../js/06-checkLogin.js"></script>